<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="gwt:property" content="locale=es"/>
	
	<link rel="icon" href="/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<link rel="SHORTCUT ICON" href="http://www.xelavos.com/favicon.ico">
	
    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <!--link type="text/css" rel="stylesheet" href="Xelavos.css"-->
	<style type="text/css">
		html, body{
			overflow:hidden;
			width:100%;
			height:100%;
		}
		form{
			margin:0px;
		}
		body {
			background:#FFFFFF none repeat scroll 0 0;
			border:0 none;
			color:black;
			direction:ltr;
			margin:0;
			padding:0;
		}
		body, table td, select, button {
			font-family:Arial Unicode MS,Arial,sans-serif;
			font-size:12px;
		}
		a, a:visited, a:hover {
			color:#0000AA;
		}
		.gwt-Button:hover {
			border-color:#99CCFF #6699EE #6699EE #77AAFF;
		}
		.gwt-Button {
			border:1px outset #CCCCCC;
			cursor:pointer;
			margin:0;
			padding:3px 5px;
			text-decoration:none;
		}
		.gwt-TextBox {
			padding:2px;
		}
		#action_bar{
			position:relative;
			top:0px;
			left:0px;
			width:auto;
			height:20px;
			background-color:#E5E5E5;
			border:1px solid black;
		}
		#action_bar .gwt-HTML{
			margin: 0px 5px;
		}
		#header{
			position:relative;
			top:0px;
			left:0px;
			height:90px;
			width:100%;
			z-index:2;
		}
		#login{
			left:270px;
			position:absolute;
			top:22px;
		}
		#userstats{
			left:300px;
			position:absolute;
			top:0px;
		}
		#userinfo{
			right:10px;
			position:absolute;
			top:0px;
		}
		#contact{
			left:70px;
			position:absolute;
			top:0px;
		}
		#feedback{
			left:130px;
			position:absolute;
			top:0px;
		}
		#bugs{
			left:200px;
			position:absolute;
			top:0px;
		}
		#content{
			position:relative;
			top:0px;
			left:0px;
			width:100%;
			overflow:hidden;			
		}
		#contenttab{
			position:absolute;
			top:0px;
			left:0px;
		}
		#contentmain{
			position:absolute;
			top:60px;
			left:0px;
			height:100%;
		}
		#contentusers{
			position:absolute;
			top:0px;
			right:0px;
			height:100%;
			width:300px;
		}
		#logo_small{
			position:absolute;
			top:0px;
			left:5px;
			display:none;
		}
		#logo{
			height:60px;
			left:10px;
			position:absolute;
			top:25px;
			width:200px;
		}
		.logged-in #logo_small{
			display:block;
		}
		.logged-in #logo{
			display:none;
		}
		.logged-in #header{
			height:30px;
		}
	</style>
    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>XelaVos - en Xela sabes Vos - Compras, Servicios, Trabajos y Recreaciones en Quetzaltenango</title>
    <meta name="description" content="Ingresa y busca informacion sobre productos, compras, 
    servicios profesionales, recreaciones, ofertas de trabajo y amigos en Quetzaltenango, Xela">
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="xelavos/xelavos.nocache.js"></script>
    
<script type="text/javascript">
	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
	try {
		var pageTracker = _gat._getTracker("UA-9173306-1");
		pageTracker._trackPageview();
	} 
	catch(err) 
	{}
</script>
    
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex="-1" style="position:absolute;width:0;height:0;border:0"></iframe>
	<div id="header">
		<div id="action_bar">
			<img src="xela_small.png" id="logo_small" width="60" height="18" alt="XelaVos logo">
			<div id="contact"></div>
			<div id="feedback"><a href="mailto:info@xelavos.com?subject=Mi%20opinion%20acerca%20de%20Xelavos&body=Estimados
			%20senores%20de%20Xelavos,%0A%0a%0A%0ame%20gusta%20de%20su%20pagina%20de%20web%20lo%20siguiente:%0A%0a%0A%0ame%20gustaria
			%20ver%20los%20siguientes%20funciones:">su opinion</a></div>
			<div id="bugs"><a href="mailto:info@xelavos.com?subject=reportar%20un%20error&body=Estimados
			%20senores%20de%20Xelavos,%0A%0a%0A%0aencontré%20un%20error%20en%20su%20pagina%20de%20web:%0A%0a%0A%0a">reportar un error</a></div>
			<div id="userstats"></div>
			<div id="userinfo"></div>
		</div>
		<img src="xelavos_beta.png" id="logo" width="200" height="60" alt="XelaVos logo">
		<div id="login"></div>
	</div>
	<div id="content">
		<div id="loadingmsg">Cargando applicacion...</div>
		<div id="contenttab"></div>
		<div id="contentmain"></div>
		<div id="contentusers"></div>
	</div>
	<div style="display:none;" id="WEB_TRACKING_KEY">UA-9173306-1</div>
  </body>
</html>
